<%--
 - Copyright (c) 2009-2011 ETCORE Labs. All rights reserved. 
 - 
 - This software is the confidential and proprietary information of ETCORE Labs. 
 - You shall not disclose such confidential information and shall use it only
 - in accordance with the terms of the license agreement you entered into
 - with ETCORE Labs.
 -
 - Support can be obtained from support forums at:
 - http://www.etcore.com/
 -
 - @author: ETCORE GroupTalk developers
 -
 --%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://jakarta.apache.org/taglibs/core" prefix="c"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/group/css/styles.css" type="text/css">

<script>

  
function  showStyle(id)  {

	var userMenu=document.getElementById("userMenu"); 
	var elements=userMenu.getElementsByTagName("tr");
	for(var i=0;i<elements.length;i++){
		elements[i].bgColor="#ffffff";
		var elementDiv=elements[i].getElementsByTagName("div")[0];
		elementDiv.style.color="#005EAC";
	}
	var targetElement=document.getElementById(id); 
	targetElement.bgColor="#005EAC";
	var targetDiv=targetElement.getElementsByTagName("div")[0];
	targetDiv.style.color="white";
	 
	 
}
</script>
</head>
<body>


<table>
	<tr>
		<td valign=top>
		<div
			style="position: relative; padding: 0px; background-color: white; overflow: auto;">

		<table cellspacing=3 cellpadding=0>

			<tr>
				<td style="border: 0px solid #b4d2d4; width: 210px;" align=center><c:if
					test="${not empty targetUser.avatar&&fn:indexOf(targetUser.avatar,'upload')!=-1 }">
					<img src="${targetUser.avatar}" width=190 border=0 />
				</c:if><c:if
					test="${empty targetUser.avatar||fn:indexOf(targetUser.avatar,'upload')==-1 }">
					<img src="/group/images/avatar/avatar.jpg" width=190 border=0 />
				</c:if> <br />
				<a
					href="/group/viewUser${context.postfix }?targetUserName=${targetUser.userName}"
					style="font-size: 12px; color: #36518B"><b><c:out
					value="${targetUser.userName}" /></b></a></td>

			</tr>

			<tr>
				<td align=center>


				<table style="border: 2px solid #f2f2f2" width=100%>


					<tr>
						<td colspan=2
							style="height: 15px; font-size: 12px; color: #808080" nowrap><c:out
							value="${context.reg_time }" /></td>
						<td style="height: 15px; font-size: 12px; color: #005EAC" nowrap><c:out
							value="${targetUser.regTime }" /></td>
					</tr>
					<tr>
						<td colspan=2
							style="height: 15px; font-size: 12px; color: #808080" nowrap><c:out
							value="${context.last_access }" /></td>
						<td style="height: 15px; font-size: 12px; color: #005EAC" nowrap><c:out
							value="${targetUser.lastTime }" /></td>
					</tr>
					<tr>
						<td colspan=2
							style="height: 15px; font-size: 12px; color: #808080" nowrap><c:out
							value="${context.log_num }" /></td>
						<td style="height: 15px; font-size: 12px; color: #005EAC"><c:out
							value="${targetUser.loginNum }" /></td>
					</tr>
					<c:if test='${(not empty session_user)&& (!included) }'>
						<tr>
							<td align=center colspan=3 style="height: 30px;">

							<form method=post
								action="/group/viewUser<c:out value='${context.postfix }' />">
							<input type=hidden name="targetUserName"
								value="${param.targetUserName }"> <input type=hidden
								name="cmd" value="addFocus"> <input type=submit
								style="border: 0px; cursor: pointer; height: 20px; width: 70px; background: #36518B; font-size: 12px; color: #ffffff"
								value="${context.focus }"></form>

							</td>
						</tr>
					</c:if>



				</table>
				<table width=100%>
					<tr>
						<td colspan=2 nowrap><textarea readonly
							style="border: 2px solid #C5B1D8; font-size: 12px; color: #808080; overflow-y: visible"
							cols="23" rows="4 "><c:out value='${targetUser.sign }'
							default='${context.default_sign }' /></textarea></td>
						<td align=right></td>

					</tr>

				</table>



				<table id="userMenu" width=100% cellspacing=0>
					<tr bgcolor="#ffffff" id="userMessages"
						onclick="showStyle('userMessages');">

						<td style="border-bottom: 1px solid #d2d4d2"><img
							src="/group/images/work.gif"></td>
						<td style="border-bottom: 1px solid #d2d4d2" nowrap>
						<div style="font-size: 12px; cursor: pointer; color: #005EAC"
							onclick="switchConnection('userMessages.action?targetUserName=${param.targetUserName}');return false;"><c:out
							value='${context.user_messages}' /> <font color=#808080>(${userMessagesCount})</font></div>
						</td>
					</tr>
					<tr bgcolor="#ffffff" id="userComments"
						onclick="showStyle('userComments');">

						<td style="border-bottom: 1px solid #d2d4d2"><img
							src="/group/images/talk.gif"></td>
						<td style="border-bottom: 1px solid #d2d4d2" nowrap>
						<div style="font-size: 12px; cursor: pointer; color: #005EAC"
							onclick="switchConnection('userComments.action?targetUserName=${param.targetUserName}');return false;"><c:out
							value='${context.user_comments}' /> <font color=#808080>(${userCommentsCount})</font></div>
						</td>
					</tr>
					<tr bgcolor="#ffffff" id="userFollowing"
						onclick="showStyle('userFollowing');">
						<td width=10 style="border-bottom: 1px solid #d2d4d2"><img
							src="/group/images/following.gif"></td>
						<td style="border-bottom: 1px solid #d2d4d2">
						<div style="font-size: 12px; cursor: pointer; color: #005EAC"
							onclick="switchConnection('userFollowing.action?targetUserName=${param.targetUserName}')">${context.user_following
						} <font color=#808080>(${userFollowingCount})</font></div>
						</td>
					</tr>
					<tr bgcolor="#ffffff" id="userFollowers"
						onclick="showStyle('userFollowers');">
						<td style="border-bottom: 1px solid #d2d4d2"><img
							src="/group/images/user.gif"></td>
						<td style="border-bottom: 1px solid #d2d4d2" nowrap>
						<div style="font-size: 12px; cursor: pointer; color: #005EAC"
							onclick="switchConnection('userFollowers.action?targetUserName=${param.targetUserName}')">${context.user_followers
						} <font color=#808080>(${userFollowersCount})</font></div>
						</td>
					</tr>
					<c:if test="${context.p2}">
						<tr bgcolor="#ffffff" id="userGroups"
							onclick="showStyle('userGroups');">
							<td style="border-bottom: 1px solid #d2d4d2"><img
								src="/group/images/community.gif"></td>
							<td style="border-bottom: 1px solid #d2d4d2" nowrap>
							<div style="font-size: 12px; cursor: pointer; color: #005EAC"
								onclick="switchConnection('userGroups.action?targetUserName=${param.targetUserName}');return false;">${context.user_groups
							} <font color=#808080>(${userGroupsCount})</font></div>
							</td>
						</tr>
					</c:if>
					<tr bgcolor="#ffffff" id="userFavourite"
						onclick="showStyle('userFavourite');">
						<td style="border-bottom: 1px solid #d2d4d2"><img
							src="/group/images/bookmark.gif"></td>
						<td style="border-bottom: 1px solid #d2d4d2" nowrap>
						<div style="font-size: 12px; cursor: pointer; color: #005EAC"
							onclick="switchConnection('userFavourite.action?targetUserName=${param.targetUserName}');return false;"><c:out
							value='${context.user_favourite}' /> <font color=#808080>(${userFavouriteCount})</font></div>
						</td>
					</tr>

				</table>



				</td>
			</tr>



		</table>

		</div>
		</td>
	</tr>
</table>
</BODY>
</HTML>
